import { StyleValue } from "vue";
import { ToChatDataOptions } from "../ButtonView/types";
export interface IButtonGroupViewData {
  text: string;
  color?: string;
  plain?: boolean;
  type?: "primary" | "success" | "default" | "danger" | "warning";
  childClass?: string;
  display?: boolean;
  onClick?: () => void;
  block?: boolean;
  style?: StyleValue;
  toChatData?: ToChatDataOptions;
}

export const ButtonGroupProps = {
  data: {
    type: Array as () => IButtonGroupViewData[],
    default: () => [],
  },
  childClass: {
    type: String,
    default: "",
  },
  style: {
    type: Object as () => StyleValue,
    default: () => {},
  },
  toChatData: {
    type: Object as () => ToChatDataOptions,
    default: () => {},
  },
};
